<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no,minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/my.css" rel="stylesheet">
    <style type="text/css">
    	.down{
			position:fixed; bottom:0px; left:0px; width:100%;
   			 background-color: #FFFFFF;
    		height: 60px;
   			 text-align: center;
		}

		.down-div{
			width: 500;
			text-align: center;
			height: 60px;
		}

		.down-span{
			margin: 20px auto;
			width: 70px;
			height: 60px;
			font-weight: 500;
			float: left;
			font-size: 18px;
		}
	.down-span img{
			text-align: center;
		}
	.item-jz{
		height: 100%;
		width: 100%;
		font-size: 16px;
	}
    </style>
</head>
<body>
	<form action="selectuser" method="get">
    <div class="container-fluid header">
		<div class="row">
			<div class="col-xs-1 text-right right">
                <svg t="1566350280948" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2014" width="28" height="35"><path d="M800 544l-576 0C204.8 544 192 531.2 192 512l0 0c0-19.2 12.8-32 32-32l576 0C819.2 480 832 492.8 832 512l0 0C832 531.2 819.2 544 800 544z" p-id="2015" fill="#999999"></path><path d="M800 352l-576 0C204.8 352 192 339.2 192 320l0 0c0-19.2 12.8-32 32-32l576 0C819.2 288 832 300.8 832 320l0 0C832 339.2 819.2 352 800 352z" p-id="2016" fill="#999999"></path><path d="M800 736l-576 0C204.8 736 192 723.2 192 704l0 0c0-19.2 12.8-32 32-32l576 0c19.2 0 32 12.8 32 32l0 0C832 723.2 819.2 736 800 736z" p-id="2017" fill="#999999"></path></svg>
			</div>
			<div class="col-xs-10 text-center center">
                <p class="nicheng">小红薯5D5B08BC</p>
                <p class="bianhao">小红书号：59726004</p>
            </div>
            <div class="col-xs-0 text-left left">
                <svg t="1566351348895" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4154" width="27" height="40"><path d="M855.466667 501.333333c-17.066667 0-32 14.933333-32 32v198.4c0 70.4-59.733333 130.133333-130.133334 130.133334H356.266667c-83.2 0-151.466667-66.133333-151.466667-149.333334V358.4c0-64 53.333333-117.333333 117.333333-117.333333H490.666667c17.066667 0 32-14.933333 32-32s-14.933333-32-32-32h-168.533334c-100.266667 0-181.333333 81.066667-181.333333 181.333333v352c0 117.333333 96 213.333333 215.466667 213.333333h337.066666c106.666667 0 194.133333-87.466667 194.133334-194.133333V533.333333c0-17.066667-14.933333-32-32-32z" p-id="4155" fill="#999999"></path><path d="M680.533333 256h81.066667L458.666667 569.6c-12.8 12.8-12.8 32 0 44.8 6.4 6.4 14.933333 8.533333 21.333333 8.533333 8.533333 0 17.066667-4.266667 23.466667-10.666666L808.533333 298.666667v89.6c0 17.066667 14.933333 32 32 32s32-14.933333 32-32v-147.2c0-27.733333-23.466667-51.2-51.2-51.2h-140.8c-17.066667 0-32 14.933333-32 32s14.933333 34.133333 32 34.133333z" p-id="4156" fill="#999999"></path></svg>
			</div>
		</div>
    </div>
    <div class="session">
        <div class="row">
            <div class="col-xs-12">
            <div class="col-xs-4 text-right touright">
               <div class="touimg">
               <%
               	int userId=Integer.parseInt(request.getParameter("userId"));
               %>
               <img src="img/${p.avatar }">
                </div>
            </div>
            <div class="col-xs-8 eight">
                <div class="col-xs-12 three">
                    <div class="col-xs-4 guanzhu">
                        <p class="zero">0</p>
                        <p class="font">关注</p>
                    </div>
                    <div class="col-xs-4">
                        <p class="zero">0</p>
                        <p class="font">粉丝</p>
                    </div>
                    <div class="col-xs-4">
                        <p class="zero">0</p>
                        <p class="font">获赞与收藏</p>
                     </div>
                </div>
                <div class="col-xs-12 twelve" >
                    <div class="col-xs-9 beight">
                        <input type="button" class="info" id="info" value="编辑资料">
                    </div>
                    <div class="col-xs-3 bfour">
                            <p>
                                <svg t="1566395636948" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6392" width="20" height="33"><path d="M896.628534 547.015569c1.005547-11.898976 1.843503-23.295178 1.843503-35.696928 0-12.40175-0.502774-23.797952-1.843503-35.696928l89.828889-71.226265c19.440581-16.088756 24.300726-43.238533 11.898976-65.02539l-96.029764-167.758803c-12.40175-21.451675-38.043205-31.339557-62.679113-21.786857l-105.414872 42.735759c-19.440581-13.742479-39.383935-25.641455-60.332836-35.696928l-16.088756-113.626841c-3.854598-24.635908-25.138682-43.238533-50.277363-43.238533L415.809348-0.002145c-25.138682 0-46.087583 18.099851-50.277363 43.741306l-16.088756 113.626841c-20.948901 10.055473-40.892256 21.786857-60.332836 35.696928l-105.414872-42.735759c-22.792405-9.049925-50.277363 1.005547-62.176339 22.289631L25.321825 340.375605c-12.40175 21.786857-7.541605 49.439407 12.40175 65.528164l89.326116 70.723491c-1.005547 11.898976-1.843503 23.295178-1.843503 35.696928s0.502774 23.797952 1.843503 35.696928l-89.828889 71.226265c-19.440581 16.088756-24.300726 43.238533-11.898976 65.02539l96.029764 167.758803c12.40175 21.451675 38.881161 31.339557 62.679113 21.786857l105.414872-42.735759c19.440581 13.742479 39.383935 25.641455 60.332836 35.696928l16.088756 113.962024c3.854598 25.138682 25.138682 43.238533 50.277363 43.238533l191.389164 0c24.635908 0 46.590357-18.602624 50.277363-43.741306l16.088756-113.626841c20.948901-10.055473 40.892256-21.451675 60.332836-35.696928l105.414872 43.238533c5.698101 2.346277 11.898976 3.351824 18.602624 3.351824 18.099851 0 35.194154-10.055473 44.24408-25.641455l95.526991-167.758803c12.40175-21.451675 7.541605-48.936634-12.40175-65.528164L896.628534 547.015569zM860.09365 823.038295l-119.324943-48.43386c-9.049925-3.854598-18.937807-2.346277-26.647003 3.854598-23.797952 18.099851-48.936634 33.18306-75.080863 43.741306-8.547152 3.854598-14.748027 11.898976-16.088756 20.948901l-17.597077 125.358226-186.193836 2.849051-18.099851-128.207277c-1.508321-9.552699-7.541605-17.597077-16.088756-20.948901-26.144229-10.893429-51.282911-25.641455-75.080863-43.741306-4.692554-3.854598-10.390655-5.698101-16.59153-5.698101-3.351824 0-6.703648 0.502774-10.055473 1.843503l-114.967571 49.439407L71.409409 659.636863l101.225092-79.773417c7.541605-5.698101 11.396202-15.2508 10.055473-24.635908-1.843503-14.245253-3.351824-28.99328-3.351824-43.741306 0-14.748027 1.508321-29.496053 3.351824-43.741306 1.508321-9.552699-2.346277-18.602624-10.055473-24.635908l-100.219544-76.421592 91.672393-166.753255 119.324943 48.43386c9.049925 3.854598 18.937807 2.346277 26.647003-3.854598 23.797952-18.099851 48.936634-33.18306 75.080863-44.24408 8.547152-3.854598 14.748027-11.898976 16.088756-20.948901l14.748027-125.358226 188.540113-2.849051 18.099851 128.207277c1.508321 9.552699 7.541605 17.597077 16.088756 20.948901 26.144229 10.893429 51.282911 25.641455 75.080863 44.24408 7.541605 5.698101 17.597077 7.206422 26.647003 3.854598l114.967571-49.439407 96.86772 163.904205-101.225092 79.773417c-7.541605 5.698101-11.396202 15.2508-10.055473 24.635908 1.843503 14.245253 3.351824 28.99328 3.351824 43.741306s-1.508321 29.496053-3.351824 43.741306c-1.005547 9.552699 2.849051 18.602624 10.055473 24.635908l100.219544 76.421592L860.09365 823.038295zM512.341886 309.036049c-110.777791 0-200.941863 90.666845-200.941863 202.785366 0 111.615747 90.331663 202.785366 200.941863 202.785366S713.283749 624.107527 713.283749 511.989006C713.283749 399.870486 622.952086 309.036049 512.341886 309.036049zM512.341886 660.642411c-81.281738 0-147.312675-67.036485-147.312675-149.156178s66.030937-149.156178 147.312675-149.156178 147.312675 67.036485 147.312675 149.156178S593.623624 660.642411 512.341886 660.642411z" p-id="6393" fill="#373737"></path></svg>
                            </p>
                    </div>
                </div>
            </div>
            </div>
        </div>
        <div class="bianji">
            <ul>
                <li><svg t="1566397755728" class="nv" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7311" width="14" height="14"><path d="M633.7 99.3c-147.2 0-266.5 116.5-266.5 260.2 0 65.9 25.1 126.1 66.5 171.9l-86.9 86.9L216 487.4l-52.3 52.3 130.8 130.8L108.8 856.2l52.3 52.3 185.7-185.7 130.8 130.8 52.3-52.3L399.2 670.5l91.5-91.5c41.3 25.7 90.4 40.6 143 40.6 147.2 0 266.5-116.5 266.5-260.2S780.9 99.3 633.7 99.3zM633.7 545.6c-106.2 0-192.5-83.5-192.5-186.2s86.4-186.2 192.5-186.2c106.2 0 192.5 83.5 192.5 186.2S739.8 545.6 633.7 545.6z" p-id="7312" fill="#ED8592"></path></svg><span>|</sapn></li>
                <li> <a href="">完善你的位置信息<span class="gt">&gt;</span></a><span>|</span></li>
                <li>
                    <svg t="1566398348382" class="den" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8273" width="16" height="15"><path d="M793.270035 574.183248c20.511149-41.156352 23.741727-85.658915 23.741727-134.610814 0-170.908508-131.935891-311.067688-305.300334-311.067688-173.368536 0-305.309544 140.137691-305.309544 311.067688 0 48.957015 3.230578 93.480045 23.741727 134.63742l-115.909893 199.467961c0 0 79.3093 29.187763 161.2925 46.086641 54.670134 60.863183 99.06525 126.263705 99.06525 126.263705l108.314914-206.912513c6.638187 0.413416 16.294105 0 23.037692 0 6.745634 0 16.427134 0.413416 23.043832 0l115.210975 195.859783c0 0 49.040926-54.323233 103.688547-115.211998 81.983199-16.893762 161.2925-46.086641 161.2925-46.086641L793.270035 574.183248 793.270035 574.183248 793.270035 574.183248zM367.694383 865.850074c0 0-38.424124-49.361221-75.314313-85.252663-52.323693-14.878872-120.541377-29.957289-120.541377-29.957289l80.644715-138.249691c42.717917 55.749722 112.862487 108.394732 183.780677 125.672234L367.694383 865.850074 367.694383 865.850074zM505.944074 704.553481c-67.488067 0-258.462586-40.35101-264.980024-264.981047-4.098341-141.254118 124.028804-276.504498 264.980024-276.504498 140.947126 0 275.69097 135.198192 276.504498 276.504498C783.681656 653.224442 573.436234 704.553481 505.944074 704.553481L505.944074 704.553481zM644.198881 865.850074l-69.12945-126.734426c70.923306-17.276479 153.145959-70.976518 195.859783-126.731356l80.644715 138.254807c-0.022513-0.031722-68.217684 15.056927-120.541377 29.957289L644.198881 865.850074 644.198881 865.850074zM511.711428 256.316713c-98.775654 0-178.842201 80.110549-178.842201 178.935322s80.065524 178.935322 178.842201 178.935322c98.766444 0 178.832991-80.110549 178.832991-178.935322S610.477872 256.316713 511.711428 256.316713L511.711428 256.316713 511.711428 256.316713zM517.468548 577.822125c-44.373627 0-142.378731-17.561981-149.775188-149.769049-3.941775-70.463842 79.234599-138.254807 149.775188-138.254807 70.53445 0 136.465045 79.221296 138.249691 149.773142C658.05854 532.172435 561.842175 577.822125 517.468548 577.822125L517.468548 577.822125zM517.468548 577.822125" p-id="8274" fill="#A3A3A3"></path></svg>
                    <a href=""> 解锁等级</a><span>|</span>
                </li>
                <li>
                    <svg t="1566398662612" class="hui" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12958" width="16" height="16"><path d="M941.056 372.736L764.928 153.6c-17.408-22.528-46.592-36.864-75.264-36.864H334.336c-28.672 0-55.808 12.8-75.264 36.864L83.456 372.736c-30.208 36.864-27.136 91.136 4.608 126.464l356.864 377.856 4.608 4.608c17.408 15.872 41.472 25.6 65.536 25.6h3.072c25.6-1.536 49.664-11.264 67.072-30.208l348.672-375.808c34.304-37.376 35.84-91.648 7.168-128.512z m-53.248 83.456l-348.672 375.808c-6.656 6.656-14.336 9.728-22.528 9.728s-15.872-3.072-22.528-8.192l-358.4-379.392c-11.264-11.264-11.264-28.672-1.536-41.472l174.592-219.136c6.656-8.192 15.872-12.8 25.6-12.8h355.328c9.728 0 19.456 4.608 25.6 12.8l176.128 219.136c7.68 12.8 7.68 30.72-3.584 43.52z" fill="#FF626D" p-id="12959"></path><path d="M681.472 438.272l-166.4 177.664L344.064 435.2c-12.8-12.8-32.256-14.336-46.592-1.536-12.8 11.264-12.8 32.256-1.536 45.056l173.056 182.272 3.072 3.072c25.6 24.064 65.536 22.528 91.136-3.072l166.4-180.736c11.264-12.8 11.264-33.792-1.536-45.056-14.336-11.264-33.792-9.728-46.592 3.072z" fill="#FF626D" p-id="12960"></path><path d="M693.248 438.272l-166.4 177.664L355.84 435.2c-12.8-12.8-32.256-14.336-46.592-1.536-12.8 11.264-12.8 32.256-1.536 45.056l173.056 182.272 3.072 3.072c25.6 24.064 65.536 22.528 91.136-3.072l166.4-180.736c11.264-12.8 11.264-33.792-1.536-45.056-14.336-11.264-33.792-9.728-46.592 3.072z" fill="#FFC577" p-id="12961"></path></svg>
                    <a href=""> 成为会员<span class="gt">&gt;</span></a>
                 </li> 
            </ul>
            <a href="" class="addinfo">填写个人简介让大家更好的认识你，点击这里添加+ </a>
        </div>
        <div class="down">
				<div class="down-div">
					<div class="down-span" id="s">首页</div>
					<div class="down-span" id="c">商城</div>
					<div class="down-span"><img src="img/plus-circle.png" width="40px" height="40px"/></div>
					<div class="down-span" id="x">消息</div>
					<div class="down-span" id="w">我</div>
				</div>
		</div>
    </div>
    </form>
    <script type="text/javascript" src="js/jquery-3.2.1.js"></script>
		<script type="text/javascript">
			$(function(){
				$("#s").click(function(){
					window.location.href = "index.jsp";
				})
				$("#c").click(function(){
					window.location.href = "test_index.jsp";
				})
				$("#x").click(function(){
					window.location.href = "xinxi.jsp";
				})
				$("#w").click(function(){
					window.location.href = "wo.jsp";
				})
				$("#info").click(function(){
					window.location.href="update.jsp";
				})
			})
		</script>	
</body>
</html>